<!DOCTYPE html>
<html lang="zh">
<head>
    <title>blog &middot; JavaScript</title>
    <meta name="generator" content="Hugo 0.62.0" />
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="author" content="JavaScript">
    
      <meta name="description" content="JavaScript">
    
    
      <link href="https://juventusryp.gitee.io/javascriptblog/categories/blog/index.xml" rel="alternate" type="application/rss+xml" title="JavaScript" />
      <link href="https://juventusryp.gitee.io/javascriptblog/categories/blog/index.xml" rel="feed" type="application/rss+xml" title="JavaScript" />
    
    <link rel="canonical" href="https://juventusryp.gitee.io/javascriptblog/categories/blog/"/>
    <link rel="icon" href="https://juventusryp.gitee.io/javascriptblog/favicon.ico">
    <link rel="apple-touch-icon" href="https://juventusryp.gitee.io/javascriptblog/apple-touch-icon.png"/>
    <link rel="stylesheet" href="https://juventusryp.gitee.io/javascriptblog/css/style.css">
    <link rel="stylesheet" href="https://juventusryp.gitee.io/javascriptblog/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://juventusryp.gitee.io/javascriptblog/css/monokai.css">
    <link rel="stylesheet" href="https://juventusryp.gitee.io/javascriptblog/fancybox/jquery.fancybox.css">
    
    <link href='https://fonts.loli.net/css?family=Open+Sans:400italic,400,600' rel='stylesheet' type='text/css'>
    <link href='https://fonts.loli.net/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>
	<link href='https://lib.baomitu.com/highlight.js/9.15.10/styles/vs.min.css' rel='stylesheet' type='text/css'/>
    <meta property="og:title" content="blog" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://juventusryp.gitee.io/javascriptblog/categories/blog/" />
<meta property="og:updated_time" content="2020-03-03T04:40:44+00:00" />

    
    <meta itemprop="name" content="blog">
<meta itemprop="description" content="">
    <meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="blog"/>
<meta name="twitter:description" content=""/>

    <style type="text/css">
	 
	.myShadow {
		transition: all 0.5s;
		-webkit-transition: all 0.5s;  
		-moz-transition: all 0.5s;  
		-o-transition: all 0.5s;  
	}
	.myShadow:hover {
		-moz-box-shadow:0px 0px 15px #ccc; 
		-webkit-box-shadow:0px 0px 15px #ccc; 
		box-shadow:0px 0px 15px #ccc;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
</style>

    

    
    <script src="https://cdnjs.loli.net/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<div class="container">


<div id="container">
	<header id="header">
  <div id="header-main" class="header-inner myShadow">
    <div class="outer">
      <a href="https://juventusryp.gitee.io/javascriptblog" id="logo">
          
          <i class="logo" style="background-image: url('https://juventusryp.gitee.io/javascriptblog/css/images/logo-black.png')"></i>
          
          <span class="site-title">JavaScript</span>
      </a>
      <nav id="main-nav">
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/post" style="font-weight:600;">文章</a>
          
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/archives" style="font-weight:600;">归档</a>
          
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/tags" style="font-weight:600;">标签</a>
          
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/categories" style="font-weight:600;">分类</a>
          
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/messageboard" style="font-weight:600;">留言</a>
          
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/about" style="font-weight:600;">关于</a>
          
          
          
          <a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/blogs" style="font-weight:600;">博客</a>
          
          

          

          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
      </nav>
        <nav id="sub-nav">
          <div class="profile" id="profile-nav">
            <a id="profile-anchor" href="javascript:;"><img class="avatar" src="https://juventusryp.gitee.io/javascriptblog/css/images/avatar-black.png"><i class="fa fa-caret-down"></i></a>
          </div>
        </nav>
        <div id="search-form-wrap">
			<i class="fa fa-search" style="cursor:pointer;font-size:16px;" onclick="syalert.syopen('search');" title="搜索"></i>
			
        </div>
    </div>
  </div>
  <div id="main-nav-mobile" class="header-sub header-inner">
    <table class="menu outer">
      <tbody>
          <tr>
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/post">文章</a></td>
          
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/archives">归档</a></td>
          
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/tags">标签</a></td>
          
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/categories">分类</a></td>
          
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/messageboard">留言</a></td>
          
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/about">关于</a></td>
          
          
          
          <td><a class="main-nav-link" href="https://juventusryp.gitee.io/javascriptblog/blogs">博客</a></td>
          
          

          

          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          <td>
          <form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form">
          <input type="search" name="q" class="search-form-input" placeholder="Search">
          <input type="hidden" name="sitesearch" value="https://juventusryp.gitee.io/javascriptblog" />
          </form>
        </td>
      </tr>
      </tbody>
    </table>
  </div>
</header>

   	
   	<div class="outer">
   	
    	<style type="text/css">
 
#avatar {
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
#avatar:hover {
	position: relative;
	-webkit-transform: translateY(-0.75rem);
	-moz-transform: translateY(-0.75rem);
	-ms-transform: translateY(-0.75rem);
	-o-transform: translateY(-0.75rem);
	transform: translateY(-0.75rem);
	cursor: pointer;
}
</style>
<aside id="profile">
  <div class="inner profile-inner">
  <div class="myShadow">
    <div class="base-info profile-block">
      
      <img id="avatar" style="width:200px;height:200px;
												border:5px solid #f2f2f2;
												border-radius: 50%;" src="https://juventusryp.gitee.io/javascriptblog/css/images/avatar-black.png">
      
      <h2 id="name">JavaScript</h2>
      <h3 id="title" style="margin-top:8px;margin-bottom:8px;">仰望星空，脚踏实地</h3>
      <span id="location"><i class="fa fa-map-marker"></i>郑州</span>
      
          <a id="follow" href="#">
              微信公众号
          </a>
      
    </div>
    <div class="article-info profile-block">
      <div class="article-info-block">
        1
        <span>文章</span>
      </div>
      <div class="article-info-block">
        
          2
        
        <span>
            标签
        </span>
      </div>
    </div>
    <div class="profile-block social-links">
      <table>
        <tr>
          





















































          <td><a href="https://juventusryp.gitee.io/javascriptblog/index.xml" target="_blank" title="RSS"><i class="fa fa-rss"></i></a></td>
        </tr>
      </table>
    </div>
  </div>
  </div>
</aside>

    

    <section id="main">
    
    
    
    
    <section class="archives-wrap">
        <div class="archive-category-wrap"><span class="archive-category" style="font-family: 'Raleway', Helvetica, sans-serif;font-weight:600;">blog</span>
			&nbsp;&nbsp;<span style="font-size:10pt;font-weight:500;">发表了&nbsp;1&nbsp;篇文章</span></div>
        <div class="archives">
            
            
                <article class="archive-article archive-type-post myShadow">
    <div class="archive-article-inner">
        <div>
            
            <a href="https://juventusryp.gitee.io/javascriptblog/post/first/">
                <img src="https://preview.qiantucdn.com/58pic/34/65/42/png_auto_42858PICccecD7658PICKd7e58PIC_PIC2018.jpg!w1024_new_0" style="width:100%;height:auto;"/>
            </a>
            
        </div>
		<style type="text/css">
	.article-header h1 {
		color: #161209;
		text-decoration: none;
		transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
		font-family: 'Raleway', Helvetica, sans-serif;font-weight:600;
	}
	.article-header h1:hover {
		color: #38b7ea;
	}
</style>
<header class="article-header">
    <a href="https://juventusryp.gitee.io/javascriptblog/post/first/">
    <h1 class="article-title" itemprop="name">
        hugo添加Valine评论系统
    </h1>
    </a>
    <div class="article-meta">
        
        <div class="article-date">
            <i class="fa fa-calendar"></i>
            <time datetime="2020-03-03 04:40:44 &#43;0000 UTC" itemprop="datePublished">2020-03-03</time>
            &middot;
            <i class="fa fa-pencil fa-fw"></i>约6
            字
            &middot;
            <i class="fa fa-clock-o fa-fw"></i>预计阅读&nbsp;1
            分钟
        </div>
        
        
            
            
            <div class="article-category">
                <i class="fa fa-folder-open"></i>
                
                
                <a class="article-category-link" href="https://juventusryp.gitee.io/javascriptblog/categories/blog">blog</a>
                &middot;
                
                
                <a class="article-category-link" href="https://juventusryp.gitee.io/javascriptblog/categories/%E6%9D%82%E4%B8%83%E6%9D%82%E5%85%AB">杂七杂八</a>
                
                
            </div>
            
        

        
            
            
            <div class="article-category">
                <i class="fa fa-tags"></i>
                
                
                <a class="article-category-link" href="https://juventusryp.gitee.io/javascriptblog/tags/blog">blog</a>
                &middot;
                
                
                <a class="article-category-link" href="https://juventusryp.gitee.io/javascriptblog/tags/%E6%9D%82%E4%B8%83%E6%9D%82%E5%85%AB">杂七杂八</a>
                
                
            </div>
            
        
    </div>
</header>

		<div class="article-entry" itemprop="articleBody">
			<p>
				11111
def abc(0): return a  21321321
			</p>
			<p class="article-more-link">
				<a href="https://juventusryp.gitee.io/javascriptblog/post/first/">
					阅读全文
				</a>
			</p>
		</div>
		<footer class="article-footer">
    <a data-url="https://juventusryp.gitee.io/javascriptblog/post/first/" data-id="58bca268bba3f6f91e529ab15962c5b5" class="article-share-link">
        <i class="fa fa-share"></i>
        分享
    </a>
    

    <script>
    (function ($) {
        
        if (typeof(__SHARE_BUTTON_BINDED__) === 'undefined' || !__SHARE_BUTTON_BINDED__) {
            __SHARE_BUTTON_BINDED__ = true;
        } else {
            return;
        }
        $('body').on('click', function() {
            $('.article-share-box.on').removeClass('on');
        }).on('click', '.article-share-link', function(e) {
            e.stopPropagation();

            var $this = $(this),
                url = $this.attr('data-url'),
                encodedUrl = encodeURIComponent(url),
                id = 'article-share-box-' + $this.attr('data-id'),
                offset = $this.offset(),
                box;

            if ($('#' + id).length) {
                box = $('#' + id);

                if (box.hasClass('on')){
                    box.removeClass('on');
                    return;
                }
            } else {
                var html = [
                    '<div id="' + id + '" class="article-share-box">',
                        '<input class="article-share-input" value="' + url + '">',
                        '<div class="article-share-links">',
                            '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="fa fa-twitter article-share-twitter" target="_blank" title="Twitter"></a>',
                            '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="fa fa-facebook article-share-facebook" target="_blank" title="Facebook"></a>',
                            '<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="fa fa-pinterest article-share-pinterest" target="_blank" title="Pinterest"></a>',
                            '<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="fa fa-google article-share-google" target="_blank" title="Google+"></a>',
                        '</div>',
                    '</div>'
                ].join('');

              box = $(html);

              $('body').append(box);
            }

            $('.article-share-box.on').hide();

            box.css({
                top: offset.top + 25,
                left: offset.left
            }).addClass('on');

        }).on('click', '.article-share-box', function (e) {
            e.stopPropagation();
        }).on('click', '.article-share-box-input', function () {
            $(this).select();
        }).on('click', '.article-share-box-link', function (e) {
            e.preventDefault();
            e.stopPropagation();

            window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
        });
    })(jQuery);
    </script>
</footer>

    </div>
</article>
            
        </div>
    </section>
    <nav id="page-nav">

</nav>

    

    </section>

	<aside id="sidebar">
	
		<style type="text/css">
	.rightPosts {
		background: #ffffff;
		margin-bottom: 20px;
		padding: 0 0 10px;
	}
	.rightPosts .rightPosts-body {
		margin-left: 18px;
		font-family: "Raleway", Helvetica, sans-serif;
		line-height:1.6;
		font-size: 10pt;
	}
	.rightPosts .rightPosts-body a:hover {
		color: #38b7ea;
	}
	.rightPosts-more {
		width: 100%;
		font-family: "Raleway", Helvetica, sans-serif;
		font-size: 10pt;
		border: 1px solid #ccc;
		text-align: center;
		padding: 10px 0;
	}
	.rightPosts-more a:hover {
		color: #38b7ea;
	}
</style>

<div class="widget-wrap">
    <h3 class="widget-title">
        最新文章
    </h3>
    <div class="widget">
		
		<div class="rightPosts myShadow">
		<div class="rightPosts-header">
			<a href="https://juventusryp.gitee.io/javascriptblog/post/first/">
			
				<img src="https://preview.qiantucdn.com/58pic/34/65/42/png_auto_42858PICccecD7658PICKd7e58PIC_PIC2018.jpg!w1024_new_0" alt="blog" style="width:100%;height:auto;"/>
			
			</a>
		</div>
		<div class="rightPosts-body">
			
			
			<p style="margin-top:5px;">
				
				<i class="fa fa-folder-open"></i><a href="https://juventusryp.gitee.io/javascriptblog/categories/blog">
				blog
				</a>
			</p>
			
			
			<p><a href="https://juventusryp.gitee.io/javascriptblog/post/first/" class="title">hugo添加Valine评论系统</a></p>
			<p>
				<i class="fa fa-calendar"></i>&nbsp;&nbsp;<time datetime="2020-03-03 04:40:44 &#43;0000 UTC" itemprop="datePublished">2020-03-03</time>
			</p>
		</div>
		</div>
		
		<div class="rightPosts-more">
			<a href="/archives/">更多文章</a>
		</div>
    </div>
</div>


		


<div class="widget-wrap myShadow" style="background: #ffffff;padding: 20px 20px 0;">
    <h3 class="widget-title">分类</h3>
    <div class="widget">
        <ul class="category-list">
            
            <li class="category-list-item">
                
                <a class="category-list-link" href="https://juventusryp.gitee.io/javascriptblog/categories/blog">
                    Blog
                </a>
                <span class="category-list-count">1</span>
            </li>
            
            <li class="category-list-item">
                
                <a class="category-list-link" href="https://juventusryp.gitee.io/javascriptblog/categories/%E6%9D%82%E4%B8%83%E6%9D%82%E5%85%AB">
                    杂七杂八
                </a>
                <span class="category-list-count">1</span>
            </li>
            
        </ul>
    </div>
</div>




		

		


<div class="widget-wrap myShadow" style="background: #ffffff;padding: 20px 20px 0;">
    <h3 class="widget-title">
        标签云
    </h3>
    <div class="widget tagcloud">
        
        
        <a href="https://juventusryp.gitee.io/javascriptblog/tags/blog" style="font-size: 13px;">Blog</a>
        
        
        <a href="https://juventusryp.gitee.io/javascriptblog/tags/%E6%9D%82%E4%B8%83%E6%9D%82%E5%85%AB" style="font-size: 13px;">杂七杂八</a>
        
    </div>
</div>




	

    <div id="toTop" class="fa fa-angle-up"></div>
</aside>
	</div>
</div>

<footer id="footer">
  <div class="outer">
    <div id="footer-info" class="inner">
      &copy; 2019 - 2020
      JavaScript
    </div>
  </div>
</footer>


<script src="https://juventusryp.gitee.io/javascriptblog/fancybox/jquery.fancybox.pack.js"></script>
<script src="https://juventusryp.gitee.io/javascriptblog/js/script.js"></script>
<script src="https://cdnjs.loli.net/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>


<script>hljs.initHighlightingOnLoad();</script>


<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {
    inlineMath: [['$','$'], ['\\(','\\)']]}
  });
</script>
<script src="https://cdnjs.loli.net/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>




</body>
</html>